* {
		margin: 0;
		padding: 0;
	}

	.no-data {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 20%;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.item-blogs {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		width: 96%;
		margin: 2%;
		padding: 10rpx;
		border-radius: 10rpx;
		box-sizing: border-box;
		background: #fff !important;
	}

	.item-title {
		display: inline;
		width: 100%;
		height: 10%;
		font-weight: bold;
		align: center;
		display: flex;
		background: linear-gradient(to right, #8c00ff, #00c78c);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.item-pic {
		display: block;
		margin: auto;
		width: 90%;
		border-radius: 8rpx;
	}

	.item-tag {
		border: 1px solid rgb(132, 233, 44);
		font-size: 20rpx;
		color: #00c78c;
		border-radius: 20%;
		padding: 5rpx;
		margin-right: 10rpx;
	}

	.item-head {
		width: 50rpx;
		height: 50rpx;
		border-radius: 50%;
	}

	.item-icon img {
		width: 50rpx;
		height: 50rpx;
	}

	.item-desc {
		font-size: 10rpx;
		vertical-align: top;
		margin-right: 30rpx;
	}
	.bottom{
		width: 100%;
		font-weight: bold;
		align-content: center;
		border-top: 1px solid red;
	}
	.img-oper{
		float: right;
		/* width: 40rpx;
		height: 40rpx; */
		margin-right: 30rpx;
	}
	.uni-searchbar{
		width: 96%;
		margin: auto;
	}